<template>
	<view style="background-color: #f5f5f5;">
		<view style="background-color: #ffffff;padding: 40rpx;">
			<view class="container" style="padding-bottom: 40rpx;">
				选择银行卡
			</view>
			<view class="container" style="padding-bottom: 40rpx;">
				<navigator class="container-1">
					<view class="container-11">
						>
					</view>
					<image src="../../static/paymentMethod/钱包.png" mode="" style="width: 50rpx;height: 50rpx;"></image>
					<span style="margin-left: 10rpx;color:#000000;font-size: 32rpx;">钱包支付</span>
				</navigator>
			</view>
			<view class="container">
				<navigator url="./verificationCardNumber" style="display: flex;line-height: 32rpx;">
					<image src="../../static/paymentMethod/路径 4670.png" mode=""
						style="width: 28rpx;height: 28rpx;margin-top: 2rpx;"></image>
					<view class="container1">
						添加银行卡
					</view>
				</navigator>
			</view>
		</view>
		<view class="confirmBox" @tap='go'>
			<button type="default">确认支付500.00</button>
		</view>
	</view>
</template>

<script>
	export default {
		methods: {

			go() {
				uni.reLaunch({
					url: "/pages/buy_ruslt/buy_ruslt"
				})
			}
		}

	}
</script>

<style scoped>
	.container {
		border-top: 2rpx solid #F0F0F0;
		padding-top: 40rpx;
		font-size: 28rpx;
		color: #999999;
	}

	.container .container1 {
		color: #333333;
		font-size: 32rpx;
		margin-left: 20rpx;
	}

	.container .container-1 {
		height: 50rpx;
		line-height: 50rpx;
		display: flex;
	}

	.container .container-1 .container-11 {
		font-size: 28rpx;
		color: #007AFF;
		margin-right: 20rpx;
	}

	.confirmBox {
		padding: 40rpx;
		margin-top: 980rpx;
	}

	.confirmBox button {
		height: 88rpx;
		line-height: 88rpx;
		color: #ffffff;
		font-size: 28rpx;
		background-color: #3476f1;
		border-radius: 4rpx;
	}
</style>
